﻿/*YAPILABILECEKLER
1.  suan kat1>>kat2 fixed değil.sorudan 5px uzakta


orta kısım 133px daha uzunnn

*/




/*start:UpperTool*/
.upperTool{
    margin: 0px;
	padding: 0;
	font-family:  Arial, Verdana,Trebuchet MS, sans-serif;
	font-size: 13px;
	background-color: #eceff6;
	width:615px;
	height:205px;
	border: 1px solid #3477a4; /*KALICI VEYA GECICI*/	
}
.upperToolNavigator
{
    padding:0px; 
    margin: 15px 0px 5px 5px;
    width:100%;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
}

.upperToolNavigatorButtonsLeft
{
    margin:0px;
    padding:0px;
    width: 120px;
    height: 30px;
}
.upperToolNavigatorButtonsRight
{
    float:right;
    margin:0px 360px 0px 0px;
    padding:0px;
    width: 120px;
    height: 30px;
}

/*start:left part*/
.leftPart
{
    float: left;
    width: 400px;
    height: 205px;
    margin: 0px;
    padding: 0px;
}

.leftPartUpper
{
    /*top right bottom left*/
    margin: auto auto auto 9px;  /*su an üstlerden aşağıdan 8px aralardan 4px*/
    padding: 0px;
    width: 370px;
    height:23px;
}

 

.leftPartMiddle{
    margin: auto auto auto 9px; 
	padding: 0px;
    width:370px;
    height:123px;
}

.leftPartLower
{
    margin: auto auto auto 9px;
    padding: 0px;
    width: 370px;
    height: 23px;
}
.leftPartLowerLeft
{
    margin: 0px 7px 0px 0px;
    padding: 0px;
    width: 116px;
    height: 23px;
}
.leftPartLowerMiddle{
    margin: 0px 7px 0px 7px; 
	padding: 0px;
    width:116px;
    height:23px;
}
.leftPartLowerRight
{
    border-width: 2px;
    border-color: #afc0e4;
    margin: 0px 0px 0px 7px;
    padding: 0px;
    width: 116px;
    height: 23px;
}
/*end:left part*/

/*start:right part*/
.rightPart
{
    float: right;
	width: 215px;
	margin: 0px;
	padding: 0px;
}
.rightPartUpper
{
    width: 190px;
    height: 30px;
    font-size: 12px;  /*DROP DOWNUN ICINDEKI FONTU ayarla*/
    margin: 6px auto/*burdaki amrgin topı yandaki text areanın MARGIN TOPI nerden başlıyorsa öyle ayarla*/ 
    padding:0px;
}
.rightPartLower
{
    width: 152px;
    height: 37px;
    font-size: 14px;
    margin:0px auto;
    padding:0px;
}
/*end:right part*/

/*end:UpperTool*/

/*start:MainContent*/
.questionHolderTwoSide
{
    width: 482px;
    padding: 0px;
    font-family:  Arial, Verdana,Trebuchet MS, sans-serif;
    /*#f7f7f7 olacak*/
}
.questionHolderOneSide
{
    font-family:  Arial, Verdana,Trebuchet MS, sans-serif;
    width: 615px;
    padding: 0px;
    margin: 0px 50px 0px 311px;  /*tek kolonun yerini buradan ayarlıyoruz*/
}

#QuestionsThatIAsked{
    margin: 0px 4px 0px 0px;
    float:left;
}
#QuestionsThatComeToMe{
    margin: 0px 0px 0px 4px;
    float:right;
}

/*OPTIONAL KISIMLAR*/
.closedQuestionDiv{
   margin: 0px;
   padding: 0px;
   float:right;
   background-color: #f7f7f7;
   width:477px;
}
.closedQuestionDivSty2{
   margin: 0px;
   padding: 0px;
   float:right;
   background-color: #f7f7f7;
   width:610px;
} 
.opennedQuestionDiv
{
    margin: 0px;
    padding: 0px;
    float:right;
    background-color: #eef1f8;
    width: 477px;
    border-left-style: solid;
    border-left-color: #426bc0;
    border-left-width: 5px;
} 
.opennedQuestionDivSty2
{
    margin: 0px;
    padding: 0px;
    float:right;
    background-color: #eef1f8;
    width: 610px;
    border-left-style: solid;
    border-left-color: #426bc0;
    border-left-width: 5px;
}
.answerDiv
{
    clear:both;
   margin: 0px ;
   padding: 10px 0px 0px 0px; /*üstten margin yerine biraz boşluk bırakcak bir şey de koaybilirsin*/
                   /*suanda soruyla cevap arasında 10px lik bosluk var*/
   background-color: #eef1f8;
   float:right;
    width:477px;
    border-left-style: solid;
    border-left-color: #37c012;
    border-left-width: 5px;

}
.answerDivSty2
{
    clear:both;
   margin: 0px ;
   padding: 10px 0px 0px 0px; /*üstten margin yerine biraz boşluk bırakcak bir şey de koaybilirsin*/
                   /*suanda soruyla cevap arasında 10px lik bosluk var*/
   background-color: #eef1f8;
   float:right;
    width:610px;
    border-left-style: solid;
    border-left-color: #37c012;
    border-left-width: 5px;

}
.leftUp
{
    width: 67px;
    height:67px;
    margin: 2px  4px 12px 2px;
    padding: 0px;
    float: left;
}
.middleUp
{
    margin: 0px;
    padding: 0px;
    float: left;
    width: 312px;
    /*height:81px; normalde 81px*/

}
.middleUpSty2
{
    margin: 0px;
    padding: 0px;
    float: left;
    width: 445px;
    /*height:81px; normalde 81px*/

}

.middleUpUp
{
    color: #355392;
    font-size: 15px;
    margin: 0px 2px 0px 0px;
    padding: 0px;
    width: 310px;
    font-weight: bold;
}
.middleUpUpSty2
{
    color: #355392;
    font-size: 15px;
    margin: 0px 2px 0px 0px;
    padding: 0px;
    width: 443px;
    font-weight: bold;
}
.middleUpMiddle
{
    color: #9599a0;
    font-size: 12px;
    margin: 0px 2px 0px 0px;
    padding: 0px;
    width: 310px;
}
.middleUpMiddleSty2
{
    color: #9599a0;
    font-size: 12px;
    margin: 0px 2px 0px 0px;
    padding: 0px;
    width: 443px;
}
.middleUpDown
{
    color: #000000;
    font-size: 12px;
    margin: 0px 2px 0px 0px;
    padding: 0px;
    width: 310px;
    font-weight: bold;
}
.middleUpDownSty2
{
    color: #000000;
    font-size: 12px;
    margin: 0px 2px 0px 0px;
    padding: 0px;
    width: 443px;
    font-weight: bold;
}
.middleUpDown2  /*suan kat1>>kat2 fixed değil.sorudan 5px uzakta*/
{
    color: #85a1db;
    font-size: 12px;
    margin: 5px 2px 2px 0px; /*sorudan 5px uzakta*/
    padding: 0px;
   
}

.rightUp
{
    margin: 0px;
    padding: 0px;
    width: 85px;
    height:81px;
    float: right;
}
.rightUpUp
{
    margin: 0px auto;
    padding: 0px;
    width: 83px; /*sol ve sağa 1px yaptık*/
    height: 40px;
    font-size: 12px;
    text-align: center;
    vertical-align: bottom;
    
}
.rightUpMiddle
{
    margin: 0px auto;
    padding: 0px;
    width: 83px; /*sol ve sağa 1px yaptık*/
    height: 23px;
}
.rightUpDown
{
    margin: 0px auto;
    padding: 0px;
    width: 83px; /*sol ve sağa 1px yaptık*/
    height: 10px;
    font-size: 8px;
    text-align: center;
}

.leftDown
{
    width: 73px;
    height: 54px;
    margin: 0px;
    padding: 0px;
    float: left;
    clear:both;

}
.leftDownUp{
    width:100%;
    height:41px;
    margin:0px;
    padding:0px;
}
.leftDownDown{  /*marginleri ayarlarken widthi ona göre azaltmayı unutma*/
    font-size: 9px;
    color: #647bac;
    width:69px;
    height:11px;
    margin:0px auto 2px 4px;
    padding:0px;
}
.middleDown
{
    margin: 0px;
    padding: 0px;
    float: left;
    width: 312px;
    height: auto;
    /*clear gerekebilir*/

}
.middleDownSty2
{
    margin: 0px;
    padding: 0px;
    float: left;
    width: 445px;
    height: auto;
    /*clear gerekebilir*/

}
.middleDownInner
{
    margin: 0px 2px 0px 2px;
    padding: 0px;
    width: 308px;
    height: auto;
}
.middleDownInnerSty2
{
    margin: 0px 2px 0px 2px;
    padding: 0px;
    width: 441px;
    height: auto;
}
.rightDown
{
    margin: 0px;
    padding: 0px;
    width: 85px;
    height: 54px;
    float: right;
    /*clear gerekebilir*/
}


/*OPTIONAL KISIMLAR*/

.colon
{
    padding: 0px; 
    margin: 0px 0px; 
    clear: both;
}
/*end:MainContent*/


.buttons
{
    color: #FFFFFF;
    background-color: #499bcc;
    padding: 0;
    margin: 0 auto;
    font-size: medium;
    font-style: normal;
    font-weight: bold;
    text-align: center;
    border: 1px solid #3477a4;
    cursor:pointer;
}
.QuestionsThatIAsked
{
    cursor:pointer; /*sadece point etmek için*/
}
h2
{
    font-size: 18px;
    font-weight: bold;
    margin: 5px 20px 5px auto;
    color: #355392;
}
#TitleLeft
{
    float:left;
}
#TitleRight
{
    float:right;
}
.title
{
    width: 465px;
    margin:0px 0px 0px 18px;
    padding: 0px;
    font-family:  Arial, Verdana,Trebuchet MS, sans-serif;
}